﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>单词列表</title>
    <link href="~/layui-v2.4.5/layui/css/layui.css" rel="stylesheet" />
    <script src="~/layui-v2.4.5/layui/layui.js"></script>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="divUrlList" class="layui-row" style="padding-left:1%">
        <div class="layui-col-xs6 layui-col-md12">
            <div class="grid-demo grid-demo-bg2">
                <table class="layui-hide" id="tableEnglishWords" lay-filter="tableEnglishWords"></table>
            </div>
        </div>
    </div>
</body>
</html>


<script>

    //实例化方法
    layui.use(['table', 'layer', 'form', 'laydate', 'upload'], function () {
        var table = layui.table;
        var layer = layui.layer;
        var form = layui.form;
        form.render();
        //$(".btn-seach").click(function () {
        //    table.reload('tableTCustomer', {
        //        where: {
        //            seach_Customer: $("#seach_Customer").val(),
        //            seach_FactoryId: $("#seach_FactoryId").val(),
        //        }
        //    })
        //})

        //执行一个 table 实例
        table.render({
            elem: '#tableEnglishWords',
            url: '/EnglishWords/GetEnglishWords',
            //where: {
            //    seach_TypeId: $("#seach_UrlType").val(),
            //    seach_UrlLike: $("#seach_UrlLike").val(),
            //},
            method: 'post',
            //height: 1000,
            width: 490,
            //limit: 20,
            page: true,
            cols: [[
                { field: 'Id', width: 80, sort: true, fixed: 'left', title: '序号' },
                { field: 'English', width: 110, title: '英语' },
                { field: 'Chinese', width: 100, title: '汉语' },
                { field: 'Compose', width: 180, title: '组合' },
            ]]
        });

    })

</script>